import React, { Component } from 'react';
import{ View, Image, Text, StyleSheet } from 'react-native'

export default class service extends Component {
    render() {
        const source = require("../../static/WechatIMG193.png");
        
        return(
            <View>
                <View style={styles.serviceItemBox}>
                    <View style={styles.serviceItem}>
                        <Image style={styles.serviceItemImg} source={source}/>
                        <Text style={styles.serviceItemText} >匠人洗车</Text>
                    </View>
                    <View style={styles.serviceItem}>
                        <Image style={styles.serviceItemImg} source={source}/>
                        <Text style={styles.serviceItemText} >常规保养</Text>
                    </View>
                </View>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    serviceItemBox:{
        display: "flex",
        flexDirection:"row",
        justifyContent: 'space-around',
        alignItems: "center",
        margin: 10
    },
    serviceItem:{
        display: "flex",
        flexDirection: "row",
        alignItems: "center",
        backgroundColor:"#f5f5f5",
        paddingLeft: 15,
        paddingRight: 20,
        paddingTop: 10,
        paddingBottom: 10,
        borderRadius: 10
    },
    serviceItemImg: {
        width: 50,
        height: 50,
        marginRight: 10
    },
    serviceItemText: {
        fontSize: 16
    }
});